<template>
	<view class="mySell">
		<view class="goods" @click="toIssell">
			<view class="goods-lf">
				<u-image width="140rpx" height="140rpx" border-radius="10rpx" src="/static/dome/wujueji.webp" />
				<view class="txt-box">
					<view class="txt-title">挖机</view>
					<view class="txt-tag">
						<text>2016 |</text>
						<text>广东省 |</text>
						<text>面议</text>
					</view>
				</view>
			</view>
			<view class="goods-rg">
				<u-button type="error" class="btn" size="mini">删除</u-button>
				<u-button type="warning" class="btn" size="mini">修改</u-button>
				<u-button type="primary" size="mini">置顶</u-button>
			</view>
		</view>
		<!-- 2 -->
		<view class="goods">
			<view class="goods-lf">
				<u-image width="140rpx" height="140rpx" border-radius="10rpx" src="/static/dome/wujueji.webp" />
				<view class="txt-box">
					<view class="txt-title">挖机</view>
					<view class="txt-tag">
						<text>2016 |</text>
						<text>广东省 |</text>
						<text>面议</text>
					</view>
				</view>
			</view>
			<view class="goods-rg">
				<u-button type="error" class="btn" size="mini">删除</u-button>
				<u-button type="warning" class="btn" size="mini">修改</u-button>
				<u-button type="primary" size="mini">置顶</u-button>
			</view>
		</view>


	</view>
</template>
<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			toIssell() {
				uni.navigateTo({
					url: "/pages/issue/issueSell"
				})
			}
		}

	}
</script>

<style lang="scss" scoped>
	.mySell {
		background-color: #f5f5f5;
		padding: 10rpx 0;

		.goods {
			padding: 20rpx;
			margin-bottom: 10rpx;
			background-color: #fff;
			display: flex;
			justify-content: space-between;


			.goods-lf {
				display: flex;

				.txt-box {
					margin-left: 20rpx;

					.txt-title {
						margin-bottom: 60rpx;
					}

					.txt-tag {
						color: #b7b7b7;

						text {
							margin-right: 10rpx;
						}
					}
				}
			}

			.goods-rg {
				display: flex;
				flex-direction: column;

				.btn {
					margin-bottom: 5rpx;
				}
			}
		}
	}
</style>
